<!DOCTYPE html>

<html>

	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>仪器共享</title>
		<meta name="keywords" content="科研仪器，生命科学仪器，环境检测仪器，实验常用设备，分析仪器">
		<meta name="description" content="中国领先的科研仪器共享平台，让您快速找到各种类型的科学研究仪器。提升闲置仪器利用率，产生更大科研价值。涵盖：生命科学仪器、环境检测仪器、实验常用设备、分析仪器、仪表、物性测试、测量/计量仪器、在线及过程控制仪器。
">
		<!--<link rel="stylesheet" href="new_css/header_footer.css?t=1">-->
		<link rel="stylesheet" href="css/reset.css">

		<link rel="stylesheet" href="new_css/insUser.css">
		<link rel="stylesheet" href="css/common.css">
		<style type="text/css">
			*{
				border: 0px;
			}
			tr{
				height: 40px;
			}
			.td_a{
				width: 120px;
				height: 40px;
				display: inline-block;
				color: white;
				background-color: rgb(255,138,0);
				text-align: center;
               line-height: 40px;
               border-radius: 5px;
			}
			.search_a{
				width: 160px;
				height: 47px;
				display: inline-block;
				color: white;
				background-color: rgb(255,138,0);
				text-align: center;
				line-height: 47px;
				margin-left: -10px;
				
			}
			.right_div{
				display: inline-block;
			}
			.search_input{
				width: 400px;
				height: 45px !important;
				padding-left: 15px;
				line-height: 45px;
				font-size: 12px;
			}
			.mainList .content .right .title {
				width: 100%;
				height: 60px;
				border-bottom: 1px solid #d3d3d3;
				line-height: 44px;
				font-size: 18px;
				padding-top: 20px;
				color: #202020;
}
			.mainList .content .right {
				margin-left: 8px;
				width: 950px;
				float: right;
				height: 100%;
				padding: 0 20px;
				border: 1px solid #d3d3d3;
			}
			.xixihaha td{
				height: 40px;
			}

			.myPage{
				width: 470px;
				position: absolute;
				left: 55%;
				margin-top: 30px;

			}
			.mainList .content {
    width: 100%;
    /* overflow: hidden; */
    height: 1200px;
    margin-bottom: 30px;
}
		</style>


	</head>

	<body style="background:#fff;">
	<!--header-->
	<header>
		<!--Top head navigation bgc-->
		<div class="top-nav-bgc">
			<!--Top head navigation-->
			<div class="top-nav">
				<!--left-->
				<div class="top-nav-left fl">
					<!--img-->
					<img src="images/home.png">
					<!--companyName-->
					<span><a href="index">观迎访问仪器共享平台</a></span>
				</div>
				<!--right-->
				<div class="top-nav-right fr" >
					<!--username-info-->
					<div class="username-info">
						<!--userImg-->
						<div class="userImg fl">
							<img src="images/user.png">
						</div>
						<!--username-->
						<div class="username fl">
							<ul>
								<li id="username" >
									<a onclick="userImg();" href="">itwangyang@foxmail.com</a>
									<img id="userImg" src="images/icon1.png">
								</li>
							</ul>
							<ul  class="dropdown-nav" id="dropdown-nav" style="display: none">
								<!--<img src="images/icon9.png">-->
								<li>
									<a class="active" href="">用户中心</a>
								</li>
								<li>
									<a href="">退出登录</a>
								</li>
							</ul>
						</div>
						<!--selectNav-->
						<!--<div class="icon-img fl">-->
						<!--<img src="images/icon1.png">-->
						<!--</div>-->
					</div>
				</div>
			</div>
		</div>
		<!--header search-->
		<div class="header-search clearfix">
			<!--left-->
			<div class="header-search-lef fl">
				<div class="logo-name fl" ><a href="index">科研仪器共享平台</a> </div>
				<div class="shopping-Mall fl">
					<div class="logo-mall instrument-management">
						<a href="">仪器管理</a>
					</div>
				</div>
			</div>
			<!--right-->
		</div>

	</header>

		<div class="mainList">
			<div class="content">
				<div class="left">
					<div class="title">机构用户</div>
					<ul>
						<li>仪器管理人员维护</li>
						<li>仪器发布查询 </li>
					</ul>

					<ul>
						<li class="list_header">统计分析<img src="images/insUser_icon.png" /></li>
					</ul>
					<ul class="secendList">
						<li>仪器使用情况分析</li>
						<li>月度经营收入分析</li>
						<li>预约处理效率分析</li>
						<li>违约率统计分析</li>
						<li>用户评价统计分析</li>
					</ul>




				</div>
				<div class="right">
					<div class="title"><span class="selected" >仪器管理人员维护</span>
						<div class="right_div" style="float: right;">
							<input class="search_input" type="text" placeholder="请输入用户名，真实姓名，联系电话，身份证号" />
						    <a class="search_a">
						    	搜索
						    </a>
						</div>
					</div>
					<table>
						<tr class="table-title">
							<th>序号</th>
							<th>用户名</th>
							<th>所属单位</th>
							<th>真实姓名</th>
							<th>职位</th>
							<th>联系电话</th>
							<th>身份证号</th>
							<th>申请时间</th>
							<th>申请结果</th>
							<th>操作</th>
						</tr>
						<tr class="xixihaha" >
							<td>1</td>
							<td>水检测</td>
							<td>xxxxxx单位</td>
							<td>10</td>
							<td>质谱仪</td>
							<td>水检测</td>
							<td>xxxxxx单位</td>
							<td>10</td>
							<td>质谱仪</td>
							<td><a class="td_a">
								查看详情
							</a></td>
							
						</tr>
						<tr class="xixihaha">
							<td>1</td>
							<td>水检测</td>
							<td>xxxxxx单位</td>
							<td>10</td>
							<td>质谱仪</td>
							<td>水检测</td>
							<td>xxxxxx单位</td>
							<td>10</td>
							<td>质谱仪</td>
							<td><a class="td_a">
								查看详情
							</a></td>
							
						</tr>
						<tr class="xixihaha">
							<td>1</td>
							<td>水检测</td>
							<td>xxxxxx单位</td>
							<td>10</td>
							<td>质谱仪</td>
							<td>水检测</td>
							<td>xxxxxx单位</td>
							<td>10</td>
							<td>质谱仪</td>
							<td><a class="td_a">
								查看详情
							</a></td>
							
						</tr>
						<tr class="xixihaha">
							<td>1</td>
							<td>水检测</td>
							<td>xxxxxx单位</td>
							<td>10</td>
							<td>质谱仪</td>
							<td>水检测</td>
							<td>xxxxxx单位</td>
							<td>10</td>
							<td>质谱仪</td>
							<td><a class="td_a">
								查看详情
							</a></td>
							
						</tr>
						<tr class="xixihaha">
							<td>1</td>
							<td>水检测</td>
							<td>xxxxxx单位</td>
							<td>10</td>
							<td>质谱仪</td>
							<td>水检测</td>
							<td>xxxxxx单位</td>
							<td>10</td>
							<td>质谱仪</td>
							<td><a class="td_a">
								查看详情
							</a></td>
							
						</tr>
						<tr class="xixihaha">
							<td>1</td>
							<td>水检测</td>
							<td>xxxxxx单位</td>
							<td>10</td>
							<td>质谱仪</td>
							<td>水检测</td>
							<td>xxxxxx单位</td>
							<td>10</td>
							<td>质谱仪</td>
							<td><a class="td_a">
								查看详情
							</a></td>
							
						</tr>
					</table>
					<!--page-->
					<div class="myPage clearfix">
						<!--currentpage="1" numbercount="100"-->
						<ul class="page" maxshowpageitem="5" pagelistcount="10"  id="page"></ul>
					</div>
				</div>

			</div>

		</div>

	<!--footer-->
	<footer>
		<div class="foot clearfix">
			<p>&copy; 2015-2020 科研仪器 版权所有 技术支持：科研仪器共享平台 支持电话：010-123658987 </p>
		</div>
	</footer>

	<script src="js/jquery-1.11.3.js"></script>
	<script src="js/common.js"></script>
	<script>
        $(function() {
            $('#front_header .header_wrap .right').hover(function() {
                $('#front_header .header_wrap .right .main .icon img').attr('src', 'images/icon2.png');
                $('#front_header .header_wrap .right .out').show();
            }, function() {
                $('#front_header .header_wrap .right .main .icon img').attr('src', 'images/icon1.png');
                $('#front_header .header_wrap .right .out').hide();
            });
            $('#sorts').on('mouseover', 'li', function() {
                $(this).find('span img').attr('src', 'images/icon4.png');
            });
            $('#sorts').on('mouseout', 'li', function() {
                $(this).find('span img').attr('src', 'images/icon5.png');
            });
            $('.mainList .content .left li').click(function() {
                $('.mainList .content .left li').removeClass('selected');
                $(this).addClass('selected');
            });
            $('.mainList .content .left .list_header').click(function() {
                if($('.mainList .content .left .secendList').is(':hidden')) {
                    $('.mainList .content .left .secendList').slideDown();
                    $('.mainList .content .left .list_header img').attr("src", "images/insUser_icon.png");
                } else {
                    $('.mainList .content .left .secendList').slideUp();
                    $('.mainList .content .left .list_header img').attr("src", "images/icon4.png");
                };

            });
        });

	</script>
	</body>

</html>